<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>:: Perfil ${usuario.nombre} ::</title>
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

        <script type="text/javascript" src="script/validar.js"></script>
	
</head>

<body>
  <div id="wrapper">
    
    <div id="header">
      <div id="logo">
        <p></p>
      </div>
      <div id="nav">
        <ul>
          <ul class="menu">
              <li class="sub"><a href="#" class="update">Opciones<comment></comment></a>
		<ins><table><tr><td><ul>
			<li><a href="modificarUsuario.html?ux=${usuario.idUsuario}">Modificar Datos</a></li>
			<li><a href="desactivarUsuario.html?ux=${usuario.idUsuario}">Opciones de Cuenta</a></li>
            <li><a href="rest.html?ux=${usuario.idUsuario}">REST</a></li>
                        <li><a href="home.html?ux=null">Cerrar Sesión</a></li>
		</ul></td></tr></table></ins>
        </li>
          <li><a href="misSolicitudes.html?ux=${usuario.idUsuario}&soli=0"> Solicitudes</a></li>
         <li><a href="miPerfilhayTour.html?ux=${usuario.idUsuario}"> Perfil ${usuario.username}</a></li>
         </ul>
        </ul>
      </div>
      <div id="gallery">
        <ul>
          <li class="gwomen"><a href="http://www.freewebsitetemplates.com">Viajes</a></li>
          <li class="gkids"><a href="http://www.freewebsitetemplates.com">Aventuras</a></li>
          <li class="gmen"><a href="http://www.freewebsitetemplates.com">Amigos</a></li>
        </ul>
      </div>
    </div>
    <div id="body">
      <div id="categories">
        <h2>${usuario.nombre} ${usuario.apellido}</h2>
        <h2><img src="images/Perfil.jpg" alt="" width="192" height="244" id="Perfil" /></h2>
        <ul>
          <li><a href="MisAmigos.html?ux=${usuario.idUsuario}&AM=1">Mis Amigos</a></li>
          <li><a href="LosViajes.html?ux=${usuario.idUsuario}&AM=1">Mis Viajes</a></li>
        </ul>
      </div>
      <div id="seasonal">
        <div class="inner">
          <h2><strong>Viaje a:<br />
          Invitar Amigos:</strong></h2>
          
          <div class="content">
      <div class="paging">
                <c:if test="${!clienteList.firstPage}">
                    <a href="BuscarResp.html?page=previous"><b>&lt;&lt; Prev</b></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </c:if>
                <c:if test="${!clienteList.lastPage}">
                    <a href="BuscarResp.html?page=next"><b>Next &gt;&gt;</b></a>
                </c:if>
            </div>
            <div class="dataTable">
                <table border="0" align="center" cellpadding="4" cellspacing="0" class="boxInfo">
                    <tr>
                        <th align="center"><h2><strong>Nombre</strong></h2></th>
                        <th align="center"><h2><strong>Apellido</strong></h2></th>
                        <th align="center"><h2><strong>Username</strong></h2></th>
                        <th align="center"><h2><strong>Invitar</strong></h2></th>
                    </tr>
                    <c:forEach var="usuario1" items="${clienteList.pageList}">
                        <tr>
                            <td align="center">${usuario1.nombre}</td>
                            <td align="center">${usuario1.apellido}</td>
                            <td align="center">${usuario1.username}</td>
                            <td align="center"><a href="EnviarInvitacion.html?ux=${usuario.idUsuario}&ua=${usuario1.idUsuario}&uv=${viaje.nombre}" onclick=""><img src="images/invitar.jpg" width="82" height="27" border="0"/></td>
                        </tr>
                        <div id="popup" width="90">
                            
                            <div id="datos" align="right"></div>

                        </div>
                    </c:forEach>
                    <c:if test="${clienteList.nrOfElements == 0}">
                        <tr>
                          <td colspan="5">Aun no tiene amigos asociados a su cuenta.</td></tr>
                    </c:if>
                </table>
              <br />
        </div>
          </div>
        </div>
      </div>
      <div id="collection">
        <div class="inner">
          <div id="minigal">
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </div>
          <h2>&nbsp;</h2>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
      </div>
      <div class="clear"></div>
      <div id="seas">
        <div id="seas-one">
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="gkids">&nbsp;</h4>
          <h4 class="clear">&nbsp;</h4>
        </div>
        <div id="seas-two"></div>
        <div id="seas-three"></div>
        <div class="clear"> </div>
      </div>
    </div>
    <div id="copyright">
      <h5>Copyright &copy; 2010. Company hayTour all rights reserved</h5>
</div>
  </div>
</body>
</html>
